<!DOCTYPE html>
<!-- saved from url=(0057)http://demo.mxyhn.xyz:8020/cssthemes6/5.12ZF15/index.html -->
<html lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Home</title>
    <meta name="description" content="A Digital Agency Website landing page template built">
    <!--    <link href="static/css/css.css" rel="stylesheet">-->
    <link href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" rel="stylesheet">
    <link href="static/aos.css" rel="stylesheet">
    <link href="static/ekko-lightbox.css" rel="stylesheet">
    <link href="static/bootstrap.css" rel="stylesheet">
    <link href="static/main.css" rel="stylesheet">
</head>
<body id="top" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" mycollectionplug="bind">
<header>
    <div class="container pt-4">
        <nav class="navbar navbar-expand-lg navbar-dark bg-transparent px-0">
            <a class="text-white navbar-brand"
               href="#">快斯特宝箱</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#da-navbarNav"
                    aria-controls="da-navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span
                    class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse text-uppercase" id="da-navbarNav">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link smooth-scroll" href="#">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smooth-scroll" href="#services">团队招募</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smooth-scroll" href="https://www.questbx.com/login" target="_blank">登录</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link smooth-scroll" href="https://www.questbx.com/register" target="_blank">注册</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
    <div class="da-home-page-text aos-init aos-animate" data-aos="fade-right" data-aos-duration="1000">
        <div class="container">
            <div class="col-md-10 col-sm-12 px-0 mx-0">
                <h2 class="display-3" style="margin-left:-6px;">快斯特宝箱</h2>
                <h3 class="h5 mt-3">Oculus Quest游戏/视频分享平台</h3><a
                    class="smooth-scroll btn btn-outline-light mt-4"
                    href="#leanmore">了解更多</a>
            </div>
        </div>
    </div>
</header>
<div class="page-content">
    <div>
        <div class="da-section bg-secondary text-white" id="leanmore">
            <div class="container">
                <div class="row px-4">
                    <div class="col-md-3 col-sm-6">
                        <div class="media py-2 aos-init" data-aos="flip-up"><i
                                class="mr-3 fas fa-clipboard-check  fa-3x fa-fw"></i>
                            <div class="media-body">
                                <div class="h5">1575</div>
                                <div class="h6">游戏库</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="media py-2 aos-init" data-aos="flip-up"><i
                                class="mr-3 fas fa-smile  fa-3x fa-fw"></i>
                            <div class="media-body">
                                <div class="h5">1245</div>
                                <div class="h6">视频库</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="media py-2 aos-init" data-aos="flip-up"><i
                                class="mr-3 fas fa-file-alt fa-3x fa-fw"></i>
                            <div class="media-body">
                                <div class="h5">865</div>
                                <div class="h6">辅助工具</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-6">
                        <div class="media py-2 aos-init" data-aos="flip-up"><i
                                class="mr-3 fas fa-clock  fa-3x fa-fw"></i>
                            <div class="media-body">
                                <div class="h5">8565</div>
                                <div class="h6">高速带宽</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="da-section bg-light" id="services">
            <div class="da-services">
                <div class="container text-center">
                    <div class="h3 pb-5 text-center aos-init" data-aos="fade-up">我们提供的服务</div>
                    <div class="row">
                        <div class="col-lg-3 col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-5 aos-init" data-aos="zoom-in" data-aos-duration="500">
                                    <div class="text-primary"><i class="pb-3 fas fa-code fa-3x"></i>
                                        <p class="font-weight-bold">游戏下载</p>
                                    </div>
                                    <p>多款游戏免费下载安装，寻找资源不再烦恼。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-5 aos-init" data-aos="zoom-in" data-aos-duration="1000">
                                    <div class="text-primary"><i class="pb-3 fab fa-buromobelexperte fa-3x"></i>
                                        <p class="font-weight-bold">视频分享</p>
                                    </div>
                                    <p>多款玩家游戏试玩视频分享 让你攻略所有。</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-5 aos-init" data-aos="zoom-in" data-aos-duration="1500">
                                    <div class="text-primary"><i class="pb-3 fas fa-cubes fa-3x"></i>
                                        <p class="font-weight-bold">App Development</p>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam
                                        tempor malesuada laoreet tempus blandit pretium etc.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="card mb-3">
                                <div class="card-body py-5 aos-init" data-aos="zoom-in" data-aos-duration="2000">
                                    <div class="text-primary"><i class="pb-3 fas fa-eye fa-3x"></i>
                                        <p class="font-weight-bold">Application Support</p>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam
                                        tempor malesuada laoreet tempus blandit pretium etc.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="da-section da-work bg-secondary" id="learn">
            <div class="container">
                <div class="h3 pb-3 text-center text-white aos-init" data-aos="fade-up">为什么要加入我们?</div>
                <p class="px-5 pb-5 text-center text-white aos-init" data-aos="fade-up">诸位Quest小伙伴，作为宝箱的原始作者，我正在尝试组建一支宝箱团队，
                    致力于进一步完善围绕Oculus Quest生态的产品设计、技术开发、跨平台移植、内容建立和维护以及用户社区管理服务。
                    如果您擅长某一项宇宙机技能，比如产品设计、UI设计、Web开发、安卓移动开发、Unity游戏开发、C#开发、Windows/Mac桌面开发等，
                    或者您熟悉国家政策、市场推广、项目管理、社区运营、法律事务等，
                    又或者您认可宝箱作为Oculus Quest生态链重要一环的价值并且愿意参与和见证国内VR生态的建立过程，
                    我本人诚挚地邀请并欢迎您加入宝箱团队。</p>
                <div class="row">
                    <div class="col-md-4">
                        <div class="card mb-3 aos-init" data-aos="flip-left">
                            <div class="card-body mt-4 mb-1 text-center"><i
                                    class="pb-3 text-primary fas fa-briefcase fa-3x"></i>
                                <div class="h4 pb-3">工作方式</div>
                                <p>采用远程办公模式，各位团队成员将使用Immersed、QQ、钉钉等在线协作工具完成项目任务。
                                    这也是对VR办公的一次探索。团队建立的初期不建立员工合同关系，不约束团队成员的时间自由，
                                    不进行任务时间管理，采用自愿和兼职的方式完成任务项目。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card mb-3 aos-init" data-aos="zoom-in-up">
                            <div class="card-body mt-4 mb-1 text-center"><i
                                    class="pb-3 text-primary fas fa-sliders-h fa-3x"></i>
                                <div class="h4 pb-3">工作回报</div>
                                <p>表现优异者将成为正式员工，签订劳动合同，获得可观的工资报酬和待遇以及认股权证/期权。</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card mb-3 aos-init" data-aos="flip-right">
                            <div class="card-body mt-4 mb-1 text-center"><i
                                    class="pb-3 text-primary fas fa-trophy fa-3x"></i>
                                <div class="h4 pb-3">工作岗位</div>
                                <p>PC/Web前端开发、UI/UX设计师、数据收集/分析/录入，有相关意向者请联系加入。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<!--        <div class="da-projects" id="projects">-->
<!--            <div class="row mx-0">-->
<!--                <div class="col-md-6 px-0 da-project-1 aos-init"-->
<!--                     style="background-image: url(static/images/da-img-2.jpg);" data-aos="zoom-in"></div>-->
<!--                <div class="col-md-6 pl-5 pt-5 pb-3">-->
<!--                    <div class="row">-->
<!--                        <div class="col-1 da-project-icon"><i class="text-warning fas fa-user-md fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Healthcare</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row mb-3">-->
<!--                        <div class="col-1 da-project-icon"><i class="text-info fas fa-book fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Education</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        <div class="col-1 da-project-icon"><i class="fas fa-shopping-basket fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Digital Retail</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="row mx-0">-->
<!--                <div class="col-md-6 pl-5 pt-5 pb-3">-->
<!--                    <div class="row mb-3">-->
<!--                        <div class="col-1 da-project-icon"><i-->
<!--                                class="text-warning fas fa-money-bill-alt fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Finance</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row mb-3">-->
<!--                        <div class="col-1 da-project-icon"><i class="text-info far fa-chart-bar fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Marketing</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="row">-->
<!--                        <div class="col-1 da-project-icon"><i class="fas fa-music fa-2x fa-fw"></i></div>-->
<!--                        <div class="col-10">-->
<!--                            <div class="h4">Entertainment</div>-->
<!--                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit primis rutrum, nullam tempor-->
<!--                                malesuada laoreet tempus blandit pretium etc.</p>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="col-md-6 px-0 da-project-2 aos-init"-->
<!--                     style="background-image: url(static/images/da-img-5.jpg);" data-aos="zoom-in"></div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="da-expertise">-->
<!--            <div class="row mx-0">-->
<!--                <div class="col-md-6 px-0 da-exp-image aos-init"-->
<!--                     style="background-image: url(static/images/da-img-6.jpg);" data-aos="zoom-in"></div>-->
<!--                <div class="col-md-6 da-exp-skills">-->
<!--                    <div class="container text-uppercase">-->
<!--                        <h3 class="h5 mb-5">我们的数据</h3>-->
<!--                        <div class="col px-0 mb-4">-->
<!--                            <p>游戏库 850</p>-->
<!--                            <div class="progress" style="height: 5px;">-->
<!--                                <div class="progress-bar aos-init" data-aos="progress-full" data-aos-offset="10"-->
<!--                                     data-aos-duration="2000" role="progressbar" style="width: 85%;" aria-valuenow="25"-->
<!--                                     aria-valuemin="0" aria-valuemax="100"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col px-0 mb-4">-->
<!--                            <p>视频库 700</p>-->
<!--                            <div class="progress" style="height: 5px;">-->
<!--                                <div class="progress-bar aos-init" data-aos="progress-full" data-aos-offset="10"-->
<!--                                     data-aos-duration="2000" role="progressbar" style="width: 70%;" aria-valuenow="25"-->
<!--                                     aria-valuemin="0" aria-valuemax="100"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col px-0 mb-4">-->
<!--                            <p>辅助工具 90</p>-->
<!--                            <div class="progress" style="height: 5px;">-->
<!--                                <div class="progress-bar aos-init" data-aos="progress-full" data-aos-offset="10"-->
<!--                                     data-aos-duration="2000" role="progressbar" style="width: 90%;" aria-valuenow="25"-->
<!--                                     aria-valuemin="0" aria-valuemax="100"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="col px-0 mb-4">-->
<!--                            <p>Digital Marketing 75%</p>-->
<!--                            <div class="progress" style="height: 5px;">-->
<!--                                <div class="progress-bar aos-init" data-aos="progress-full" data-aos-offset="10"-->
<!--                                     data-aos-duration="2000" role="progressbar" style="width: 75%;" aria-valuenow="25"-->
<!--                                     aria-valuemin="0" aria-valuemax="100"></div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

        <div class="da-section">
            <div class="container">
                <div class="h3 text-center aos-init" data-aos="fade-up">我们的团队成员</div>
            </div>
            <div class="da-team carousel slide py-5 aos-init" id="da-carouselIndicator" data-ride="carousel"
                 data-aos="zoom-in-up" data-aos-duration="1000">
                <div class="container">
                    <ol class="carousel-indicators">
                        <li class="active" data-target="#da-carouselIndicator" data-slide-to="0"></li>
                        <li data-target="#da-carouselIndicator" data-slide-to="1" class=""></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-1.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">Pamela Lopez</div>
                                            <p class="text-muted">CEO</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-2.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">John Bowman</div>
                                            <p class="text-muted">Graphic Designer</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-3.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">Mark Shaw</div>
                                            <p class="text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="row">
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-4.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">Melissa Long</div>
                                            <p class="text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-5.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">Betty West</div>
                                            <p class="text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card d-block mb-3"><img class="card-img-top" src="static/da-emp-6.jpg"
                                                                        alt="image">
                                        <div class="card-body text-center">
                                            <div class="h5">Jeremy Little</div>
                                            <p class="text-muted">Software Developer</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container da-gallery" id="gallery">
            <div class="h3 pb-5 text-center aos-init" data-aos="fade-up">图片墙</div>
            <div class="card-columns">
                <div class="card"><a href="static/gallery-img-3.jpg" data-toggle="lightbox"
                                     data-gallery="da-gallery"><img class="img-fluid" src="static/gallery-img-3.jpg"
                                                                    alt="Gallery Image 1"></a></div>
                <div class="card"><a href="static/gallery-img-5.jpg" data-toggle="lightbox"
                                     data-gallery="da-gallery"><img class="img-fluid" src="static/gallery-img-5.jpg"
                                                                    alt="Gallery Image 2"></a></div>
                <div class="card"><a href="static/gallery-img-4.jpg" data-toggle="lightbox"
                                     data-gallery="da-gallery"><img class="img-fluid" src="static/gallery-img-4.jpg"
                                                                    alt="Gallery Image 3"></a></div>
                <div class="card"><a href="static/gallery-img-1.jpg" data-toggle="lightbox"
                                     data-gallery="da-gallery"><img class="img-fluid" src="static/gallery-img-1.jpg"
                                                                    alt="Gallery Image 4"></a></div>
                <div class="card"><a href="static/gallery-img-2.jpg" data-toggle="lightbox"
                                     data-gallery="da-gallery"><img class="img-fluid" src="static/gallery-img-2.jpg"
                                                                    alt="Gallery Image 5"></a></div>
            </div>
        </div>
        <div class="da-section">
            <div class="container da-company-brand py-5">
                <div class="h3 pb-3 text-uppercase text-center aos-init" data-aos="fade-up">合作伙伴</div>
                <p class="pb-3 text-center aos-init" data-aos="fade-up">Lorem ipsum dolor sit amet consectetur
                    adipiscing elit primis rutrum, <br>nullam tempor malesuada laoreet tempus</p>
                <div class="row">
                    <div class="col-md-3 text-center"><img class="img-fluid" src="static/company-1.jpg"
                                                           alt="Company Image 1"></div>
                    <div class="col-md-3 text-center"><img class="img-fluid" src="static/company-2.jpg"
                                                           alt="Company Image 2"></div>
                    <div class="col-md-3 text-center"><img class="img-fluid" src="static/company-3.jpg"
                                                           alt="Company Image 3"></div>
                    <div class="col-md-3 text-center"><img class="img-fluid" src="static/company-4.jpg"
                                                           alt="Company Image 4"></div>
                </div>
            </div>
        </div>
<!--        <div class="da-section da-brand bg-secondary">-->
<!--            <div class="container text-center text-white">-->
<!--                <div class="carousel slide pb-5" id="da-brand-carouselIndicator" data-ride="carousel">-->
<!--                    <ol class="carousel-indicators">-->
<!--                        <li class="" data-target="#da-brand-carouselIndicator" data-slide-to="0"></li>-->
<!--                        <li data-target="#da-brand-carouselIndicator" data-slide-to="1" class=""></li>-->
<!--                        <li data-target="#da-brand-carouselIndicator" data-slide-to="2" class="active"></li>-->
<!--                    </ol>-->
<!--                    <div class="carousel-inner">-->
<!--                        <div class="carousel-item">-->
<!--                            <div class="row justify-content-center">-->
<!--                                <div class="col-md-8">-->
<!--                                    <p>"Lorem ipsum dolor sit amet consectetur adipiscing elit feugiat tellus sociosqu-->
<!--                                        ornare, morbi risus urna tincidunt mus curabitur vel non massa natoque. Pretium-->
<!--                                        tristique eget nulla sem condimentum ligula eu ultrices convallis, ridiculus-->
<!--                                        nibh bibendum posuere consequat tempus blandit donec."</p>-->
<!--                                    <div class="h6 text-uppercase">Lorem Ipsum</div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="carousel-item">-->
<!--                            <div class="row justify-content-center">-->
<!--                                <div class="col-md-8">-->
<!--                                    <p>"Lorem ipsum dolor sit amet consectetur adipiscing elit feugiat tellus sociosqu-->
<!--                                        ornare, morbi risus urna tincidunt mus curabitur vel non massa natoque. Pretium-->
<!--                                        tristique eget nulla sem condimentum ligula eu ultrices convallis, ridiculus-->
<!--                                        nibh bibendum posuere consequat tempus blandit donec."</p>-->
<!--                                    <div class="h6 text-uppercase">Lorem Ipsum</div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                        <div class="carousel-item active">-->
<!--                            <div class="row justify-content-center">-->
<!--                                <div class="col-md-8">-->
<!--                                    <p>"Lorem ipsum dolor sit amet consectetur adipiscing elit feugiat tellus sociosqu-->
<!--                                        ornare, morbi risus urna tincidunt mus curabitur vel non massa natoque. Pretium-->
<!--                                        tristique eget nulla sem condimentum ligula eu ultrices convallis, ridiculus-->
<!--                                        nibh bibendum posuere consequat tempus blandit donec."</p>-->
<!--                                    <div class="h6 text-uppercase">Lorem Ipsum</div>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="da-contact" id="contact">-->
<!--            <div class="da-contact-detail aos-init" data-aos="zoom-in" data-aos-duration="1000">-->
<!--                <div class="container">-->
<!--                    <div class="card py-4 px-4">-->
<!--                        <div class="h4 pb-4">Contact Us</div>-->
<!--                        <div class="row">-->
<!--                            <div class="col-md-7 col-sm-12 mb-3">-->
<!--                                <div class="da-contact-message">-->
<!--                                    <form action="https://formspree.io/your@email.com" method="POST">-->
<!--                                        <div class="row">-->
<!--                                            <div class="col-md-6 col-sm-12 mb-3">-->
<!--                                                <input class="mr-3 form-control" type="text" name="first-name"-->
<!--                                                       placeholder="*First Name" required="required">-->
<!--                                            </div>-->
<!--                                            <div class="col-md-6 col-sm-12 mb-3">-->
<!--                                                <input class="form-control" type="text" name="last-name"-->
<!--                                                       placeholder="Last Name">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="row mb-3">-->
<!--                                            <div class="col">-->
<!--                                                <input class="form-control" type="text" name="Subject"-->
<!--                                                       placeholder="*Subject" required="required">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="row mb-3">-->
<!--                                            <div class="col">-->
<!--                                                <input class="form-control" type="email" name="_replyto"-->
<!--                                                       placeholder="*E-mail" required="required">-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="row mb-3">-->
<!--                                            <div class="col">-->
<!--                                                <textarea class="form-control" name="message"-->
<!--                                                          placeholder="*Your Message" rows="4" required=""></textarea>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                        <div class="row">-->
<!--                                            <div class="col">-->
<!--                                                <button class="btn btn-primary" type="submit">Send</button>-->
<!--                                            </div>-->
<!--                                        </div>-->
<!--                                    </form>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="col-md-5">-->
<!--                                <p>Non dis torquent conubia neque duis enim lectus, dictumst bibendum nam lacinia-->
<!--                                    faucibus sollicitudin consequat tortor, mattis taciti sem arcu pellentesque-->
<!--                                    quisque.</p>-->
<!--                                <p><b>Address:</b> 568, Hill Road, USA</p>-->
<!--                                <p><b>Phone:</b> +1 802-457-1144</p>-->
<!--                                <p><b>Email:</b> info@example.com</p>-->
<!--                                <p><b>Fax:</b> +1 502-257-1156</p>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
</div>
<footer class="bg-secondary da-section">
    <div class="container text-white">
        <div class="row">
            <div class="col-md-4">
                <div class="h2">Hello!</div>
                <p class="mb-0">info@digitalagency.com</p>
                <p>+1 502-257-1157</p>
            </div>
            <div class="col-md-4">
                <div class="h6 pb-2">关于我们</div>
                <ul>
                    <li><a class="da-social-link" href="#">微博</a>
                    </li>
                    <li><a class="da-social-link" href="#">微信公众号</a>
                    </li>
                </ul>
            </div>
            <div class="col-md-4">
                <div class="h6 pb-2">Copyright</div>
                <p>Copyright © 2019.Company name All rights reserved.</p>
            </div>
        </div>
    </div>
</footer>
<div id="scrolltop">
    <button class="btn btn-primary"><span class="icon"><i class="fas fa-angle-up fa-2x"></i></span></button>
</div>
<script src="static/jquery-3.3.1.min.js"></script>
<script src="static/popper.min.js"></script>
<script src="static/bootstrap.min.js"></script>
<script src="static/aos.js"></script>
<script src="static/ekko-lightbox.min.js"></script>
<script src="static/main.js"></script>

</body>
</html>
